<template>
  <div class="dash">
    <TitleBar
      title="消息提醒"
      refresh
    />
    <div class="su_box">
     <el-table
        :data="dataList"
        :header-cell-style="{
          'height':'56px',
          'background':'#F2F2F2',
        }"
        style="border:1px solid #E6E6E6;padding-bottom:59px;margin-bottom:59px"
      >
        <el-table-column label="消息类型" align="center">
          <template slot-scope="scope">
            <span style="float:left; width:100%;text-align:center;">{{ scope.row.phoneCode }}</span>
          </template>
        </el-table-column>
        <el-table-column label="电子邮件" align="center">
          <template slot-scope="scope">
            <div slot="reference" class="name-wrapper">
              <span style="display:block;wwidth:100%;text-align:center;">{{ scope.row.email }}</span>
            </div>
          </template>
        </el-table-column>
        <el-table-column label="站内消息" align="center">
          <template slot-scope="scope">
            <span style="display:block;width:100%;text-align:center;">{{ scope.row.inStaionNews }}</span>
          </template>
        </el-table-column>
        <el-table-column label="手机短信" align="center">
          <template slot-scope="scope">
            <span style="display:block;width:100%;text-align:center;">{{ scope.row.remindCode }}</span>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>
<script>
import { getnewsWarn } from '../../../api/setting'
export default {
  data() {
    return {
      pagination1:{},
      dataList: [],
      pageSize:5,
      pageNum:1,
    }
  },
  created() {
    this.initList()
  },
  methods: {
    initList(pageNum=1) {
      getnewsWarn({
        pageNum,
        pageSize: this.pageSize
      }).then(res => {
        this.dataList = res.data
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.dash {
  padding: 16px 110px 16px 26px;
  .dashboard-text {
    width: 100%;
  }
  .su_box {
    .fu_data {
      padding-left: 27px;
      font-size: 16px;
      font-family: PingFang-SC-Regular;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
      height: 57px;
      line-height: 57px;
      background: rgba(243, 243, 243, 1);
      border: 1px solid rgba(229, 229, 229, 1);
      border-radius: 4px 4px 0px 0px;
    }
    .el-table th,
    .el-table tr {
      height: 57px !important;
      background-color: #fff;
    }
    .el-table .cell {
      padding: 0 !important;
    }
  }
}
</style>
